<template>
  <div>
    <p>home -- {{ n }}</p>
    <p>m:{{ m }}</p>
    <button @click="addM">m++</button>
  </div>
</template>

<script setup>
import { ref } from "vue";

defineProps({
  n: Number,
});
// setup语法了
const m = ref(10);
const addM = () => {
  m.value += 10;
};
</script>

<style scoped></style>
